// pages/goods_detail/index.js
import { request } from "../../request/index.js"
Page({
  data: {
    goodsObj: {},
    // 商品是否被收藏
    isCollect: false
  },
  // 商品对象
  GoodsInfo: {},
  /**
   * 生命周期函数--监听页面加载
   */
  onShow: function () {
    let pages =  getCurrentPages()
    let currentPages = pages[pages.length-1]
    let options = currentPages.options
    const {goods_id} = options
    this.getGoodsDetail(goods_id)

  },
  // 获取商品的详情数据
  async getGoodsDetail (goods_id) {
    const goodsObj = await request({
      url: "/goods/detail",
      data: {goods_id}
    })
    this.GoodsInfo = goodsObj

    // 获取缓存中的商品收藏数组
    let collect = wx.getStorageSync("collect")||[]
    // 判断当前商品是否收藏
    // obj.some() 循环v全为真返回true 否则返回false
    let isCollect = collect.some(v=>v.goods_id===this.GoodsInfo.goods_id)

    this.setData({
      goodsObj:{
        goods_name: goodsObj.goods_name,
        goods_price: goodsObj.goods_price,
        // 替换webp格式为 jpg
        goods_introduce: goodsObj.goods_introduce.replace(/\.webp/g,'.jpg'),
        pics: goodsObj.pics
      },
      isCollect
    })
  },
  // 点击轮播图 放大预览
  handlePrevewImage (e) {
    // 先构造要预览的图片数组
    const urls = this.GoodsInfo.pics.map(v=>v.pics_mid)
    const current = e.currentTarget.dataset.url
    wx.previewImage({
      current,
      urls
    })
  },
  // 点击加入购物车
  handleCartAdd () {
    // 获取缓冲中的购物车 数组
    let cart = wx.getStorageSync("cart")||[]
    // 判断 商品是否存在于购物车数组中
    let index = cart.findIndex(v=>v.goods_id===this.GoodsInfo.goods_id)
    if (index===-1) {
      // 不存在 表示第一次添加
      this.GoodsInfo.num = 1
      this.GoodsInfo.checked = true
      cart.push(this.GoodsInfo)
    }else{
      // 已经存在购物车数据 执行 num++
      cart[index].num++
    }
    // 把购物车重新添加会缓存中
    wx.setStorageSync("cart", cart)
    // 弹窗提示添加成功
    wx.showToast({
      title: '加入购物车成功',
      icon: 'success',
      // 防止用户疯狂点击
      mask: true
    })
  },
  // 点击商品图标
  handleCollect () {
    let isCollect = false
    let collect = wx.getStorageSync("collect")||[]
    // 判断该商品是否被收藏过
    let index = collect.findIndex(v=>v.goods_id===this.GoodsInfo.goods_id)
    // 当index！=-1 表示 已经收藏
    if (index!==-1) {
      // 找到 以收藏过的 在数组中删除该商品
      collect.splice(index,1)
      isCollect = false
      wx.showToast({
        title: '取消成功',
        icon: 'succese',
        mask: true
      })
    }else{
      // 没收藏 添加收藏
      collect.push(this.GoodsInfo)
      isCollect = true
      wx.showToast({
        title: '收藏成功',
        icon: 'succese',
        mask: true
      })
    }
    wx.setStorageSync("collect", collect)
    this.setData({
      isCollect
    })
  }
})